<!DOCTYPE html>
<html class="no-touch" lang="zh-CN">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的专栏</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="https://static.zhihu.com/static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/homeCSS/zhuanlanCSS/app.css">
    <link rel="stylesheet" href="/homeCSS/zhuanlanCSS/573ac0fc.css">
    <script>document.documentElement.className += ('ontouchstart' in window) ? ' touch': ' no-touch'</script>
    <script type="text/javascript" charset="utf-8" async="" src="/homeCSS/zhuanlanCSS/editor.js"></script>
    <style type="text/css">.Sticky.is-fixed{position:fixed;z-index:2;box-sizing:border-box}.Sticky.is-absolute{position:absolute;top:auto;bottom:0;z-index:1;margin-bottom:0;box-sizing:border-box}.Sticky.is-absolute.is-bottom{top:0;bottom:auto;margin-top:0}.Sticky.Sticky--CSSSticky{position:-webkit-sticky;position:sticky}.Sticky--holder{visibility:hidden}</style>
    <style type="text/css">.Formula{display:inline-block;vertical-align:middle}.Formula-image{opacity:0;visibility:hidden}.Formula-placeholder{opacity:0}</style>
    <style type="text/css">.Editable-mentionSuggestions{position:fixed;z-index:203;margin-top:-9px;margin-left:-10px}.Editable-mentionInput{background:transparent!important;border:none!important}.Editable-mentionInput .Input{background:transparent}</style>
    <style type="text/css">.Editable-toolbar{background:#f7f8fa;border-bottom:1px solid #e7eaf1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Editable-controls{display:inline-block}.Editable-controls+.Editable-controls{padding-left:12px;border-left:1px solid #e7eaf1}.Editable-control{width:28px;height:28px;margin-right:12px;cursor:pointer;box-sizing:border-box}.Editable-control.is-active,.Editable-control:hover{background:#fcfcfc;border:1px solid #ebeef5}</style>
    <style type="text/css">.FormulaModal-form{text-align:center}.FormulaModal-input{margin-bottom:30px}.FormulaModal-formula{overflow-x:auto}</style>
    <style type="text/css">.Editable-languageSuggestions{position:fixed;z-index:203}.Editable-languageSuggestionsInput{cursor:pointer}.Editable-languageSuggestionsInput input{cursor:inherit}.Editable-languageSuggestionsInput input:focus{cursor:text}.Editable-languageSuggestionsMenu{max-height:300px;margin-top:-8px;margin-bottom:-8px;overflow-y:auto}</style>
    <style type="text/css">.Editable .RichText{cursor:text}.public-DraftEditorPlaceholder-root{position:absolute;pointer-events:none}.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root{display:none}.DraftEditor-root .Editable-unstyled:not(:last-child){margin-bottom:.8em}.DraftEditor-root blockquote+blockquote{margin-top:-1em}.DraftEditor-root pre.public-DraftStyleDefault-pre{overflow:hidden;border-radius:4px}.DraftEditor-root pre.public-DraftStyleDefault-pre pre{padding:0;margin:0;border-radius:0}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{margin-left:2em}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2{margin-left:4em}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3{margin-left:6em}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4{margin-left:8em}.DraftEditor-root .public-DraftStyleDefault-orderedListItem{position:relative;list-style-type:none}.DraftEditor-root .public-DraftStyleDefault-orderedListItem:before{position:absolute;left:-36px;width:30px;text-align:right}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before{content:counter(ol0) ". ";counter-increment:ol0}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.DraftEditor-root figure{margin:0}.public-DraftStyleDefault-block,_:-ms-lang(x){font-size:0}.public-DraftStyleDefault-block *,_:-ms-lang(x) *{font-size:14px}</style>
    <style type="text/css">.DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.DraftEditor-root code[class*=language-]::-moz-selection,.DraftEditor-root code[class*=language-] ::-moz-selection,.DraftEditor-root pre[class*=language-]::-moz-selection,.DraftEditor-root pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}.DraftEditor-root code[class*=language-]::selection,.DraftEditor-root code[class*=language-] ::selection,.DraftEditor-root pre[class*=language-]::selection,.DraftEditor-root pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{.DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-]{text-shadow:none}}.DraftEditor-root pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.DraftEditor-root :not(pre)>code[class*=language-],.DraftEditor-root pre[class*=language-]{background:#f5f2f0}.DraftEditor-root :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.DraftEditor-root .token.cdata,.DraftEditor-root .token.comment,.DraftEditor-root .token.doctype,.DraftEditor-root .token.prolog{color:#708090}.DraftEditor-root .token.punctuation{color:#999}.DraftEditor-root .namespace{opacity:.7}.DraftEditor-root .token.boolean,.DraftEditor-root .token.constant,.DraftEditor-root .token.deleted,.DraftEditor-root .token.number,.DraftEditor-root .token.property,.DraftEditor-root .token.symbol,.DraftEditor-root .token.tag{color:#905}.DraftEditor-root .token.attr-name,.DraftEditor-root .token.builtin,.DraftEditor-root .token.char,.DraftEditor-root .token.inserted,.DraftEditor-root .token.selector,.DraftEditor-root .token.string{color:#690}.DraftEditor-root .language-css .token.string,.DraftEditor-root .style .token.string,.DraftEditor-root .token.entity,.DraftEditor-root .token.operator,.DraftEditor-root .token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.DraftEditor-root .token.atrule,.DraftEditor-root .token.attr-value,.DraftEditor-root .token.keyword{color:#07a}.DraftEditor-root .token.function{color:#dd4a68}.DraftEditor-root .token.important,.DraftEditor-root .token.regex,.DraftEditor-root .token.variable{color:#e90}.DraftEditor-root .token.bold,.DraftEditor-root .token.important{font-weight:700}.DraftEditor-root .token.italic{font-style:italic}.DraftEditor-root .token.entity{cursor:help}</style></head>
    
  <body class="">
  <div id="header-holder">
      <div class="">
        <header id="header" class="navbar sbfixed sbfixed-show" style="display: block;">
          <div class="navbar-logo-container">
            <a target="_blank" class="logo icon-ic_zhihu_logo" aria-label="知乎首页"></a>
          </div>
          <div class="navbar-title-container clearfix show">
          
            <div class="titles oneline"></div>
          </div>
            <div class="navbar-write-container ">
            @foreach($id as $k=>$v)
            
              <a href="/home/zhuanlan/zhuanlanarticle?id={{$v}}">
                <i class="icon-ic_nav_new"></i>写文章</a>
            @endforeach
            </div>
          <div class="navbar-content"></div>
        </header>
      </div>
    </div>
 
  @foreach($dete as $k=>$v)
    <div id="react-root">
        <div data-reactroot="">
            <div class="Layout-main">
                <div class="ColumnAbout">
                @if($v->zlpic)
                    <img src="{{$v->zlpic}}" class="ColumnAbout-avatar" alt="">
                @else    
                    <img src="/homeCSS/img/1.jpg" class="ColumnAbout-avatar" alt="">
                @endif
                    <h1 class="ColumnAbout-name">{{$v->cname}}</h1>
                    <p class="ColumnAbout-intro">{{$v->content}}</p>
                    <div>
                        <div class="ColumnAbout-actions">
                          <a ui-open-blank="" class="btn btn-green btn-90_32" href="/home/zhuanlan/grzl?id={{$v->id}}">专栏设置</a>
                        </div>
                    </div>
                    <ul class="ColumnTopicList">
                        <li>
                          <a href="">
                            <span class="TopicTag">{{$v->ttitle}}</span>
                          </a>
                        </li>
                    </ul>
                </div>
             @endforeach
                <div>
                    <div class="BlockTitle">
                        <h2 class="BlockTitle-title">最新文章</h2>
                        <span class="BlockTitle-line"></span>
                    </div>
                    <div class="InfiniteList ColumnPostList">
                        <ul>
                            @foreach($data as $k=>$v)
                            <li>
                                <div class="PostListItem PostListItem--responsive">
                                    <a href="https://zhuanlan.zhihu.com/p/25705037" class="PostListItem-titleImageWrapper"></a>
                                    <div class="PostListItem-info">
                                        <p class="PostListItem-title">{{$v->ctitle}}</p>
                                        <button class="ckwz btn btn-blue">查看文章</button>
                                        <span class="PostListItem-summary" style="display:none">{!! $v->ccontent !!}</span>
                                        <button class="sqwz btn btn-blue" style="display:none">收起文章</button>
                                        <div class="PostListItem-footer">
                                            <span>
                                                <div class="Ho verTitle PostListItem-date" data-hover-title="">
                                                <time class="time" datetime="">发表于{{date('Y-m-d H:i:s',($v->time))}}</time></div>
                                            </span>
                                            <span>{{$v->pass}}赞</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/homeCSS/zhuanlanCSS/common.js"></script>
    <script src="/homeCSS/zhuanlanCSS/raven.js" async="" defer="defer"></script>
    <script src="/homeCSS/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    //给查看文章按钮动态绑定单击事件
      $('.ckwz').live('click',function(){
        //隐藏查看文章按钮
        $(this).hide();
        //显示文章
        $(this).siblings('span').slideDown();
        //显示收起文章按钮
        $(this).siblings('button').show();
      });
    //给收起文章按钮动态绑定单击事件
      $('.sqwz').live('click',function(){
        //隐藏文章
        $(this).siblings('span').slideUp();
        //隐藏收起文章按钮
        $(this).hide();
        //显示查看文章按钮
        $(this).siblings('button').show();
      });
    </script>
    
  </body>

</html>